<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
        <%@page import="com.sport.po.User" %>

<%@page import="com.sport.po.Manager" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>single</title>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- js -->
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
<script src="js/imagezoom.js"></script>
<!-- //js -->
<!-- cart -->
<script src="js/simpleCart.min.js"> </script>
<!-- cart -->
<!-- FlexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script>
	// Can also be used with $(document).ready()
	$(window).load(function() {
	  $('.flexslider').flexslider({
		animation: "slide",
		controlNav: "thumbnails"
	  });
	});
</script>
<!--//FlexSlider -->
</head>
<body>
	<% 
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
User user=(User)session.getAttribute("user");
	Manager manager=(Manager)session.getAttribute("manager");
	if(manager!=null){
	%>
	<jsp:include page="<%=path %>/manager/header.jsp"></jsp:include>
	<%} else{%>
			<jsp:include page="<%=path %>/center/header.jsp"></jsp:include>
		
		<%} %>
	<!--//single-page-->
	<div class="single">
		<div class="container">
			<div class="single-grids">				
				<div class="col-md-4 single-grid">		
					<div class="flexslider">
						<ul class="slides">
							<li data-thumb="images/s1.png">
								<div class="thumb-image"> <img src="images/s1.png" data-imagezoom="true" class="img-responsive"> </div>
							</li>
							<li data-thumb="images/s2.png">
								 <div class="thumb-image"> <img src="images/s2.png" data-imagezoom="true" class="img-responsive"> </div>
							</li>
							<li data-thumb="images/s3.png">
							   <div class="thumb-image"> <img src="images/s3.png" data-imagezoom="true" class="img-responsive"> </div>
							</li> 
						</ul>
					</div>
				</div>	
				<div class="col-md-6 single-grid simpleCart_shelfItem">		
					<h3>厉害的二胡，民族乐器</h3>
					<p>这是一只来自外太空的二胡，只要拉响就能自由穿越地球与外太空，来到神奇的二次元世界</p>
					<ul class="size">
						<h3>型号</h3>
							<li><a href="#">5 g袖珍版</a></li>
							<li><a href="#">2 KG普通版</a></li>
							<li><a href="#">3 KG加重版</a></li>
							<li><a href="#">4 T厚重版（具有音波攻击效果）</a></li>
					</ul>
					<ul class="size">
						<h3>材质</h3>
							<li><a href="#">至尊蛇皮</a></li>
							<li><a href="#">玄兽皮</a></li>
							<li><a href="#">六阶神兽皮</a></li>
					</ul>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">￥995.00</h5>
						</div>
						<div class="rating">
							<span>☆</span>
							<span>☆</span>
							<span>☆</span>
							<span>☆</span>
							<span>☆</span>
						</div>
						<div class="clearfix"></div>
					</div>
					<p class="qty"> Qty :  </p><input min="1" type="number" id="quantity" name="quantity" value="1" class="form-control input-small">
					<div class="btn_form">
						<a href="#" class="add-cart item_add">ADD TO CART</a>	
					</div>
					<div class="tag">
						<p>分类 : <a href="#"> Cakes</a></p>
						<p>标签 : <a href="#"> Lorem ipsum </a></p>
					</div>
				</div>
				
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- collapse -->
	<div class="collpse tabs">
		<div class="container">
			<div class="panel-group collpse" id="accordion" role="tablist" aria-multiselectable="true">
				<div class="panel panel-default">
					<div class="panel-heading" role="tab" id="headingOne">
						<h4 class="panel-title">
							<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
							  描述
							</a>
						</h4>
					</div>
					<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
						<div class="panel-body">
							内心材质乃万年灵木、采用千年龙筋拉丝制成外壳玄丝、以青莲地心火锤炼七七四十九天而成，坚韧无比的高级货色。内心材质乃万年灵木、采用千年龙筋拉丝制成外壳玄丝、以青莲地心火锤炼七七四十九天而成，坚韧无比的高级货色。内心材质乃万年灵木、采用千年龙筋拉丝制成外壳玄丝、以青莲地心火锤炼七七四十九天而成，坚韧无比的高级货色。内心材质乃万年灵木、采用千年龙筋拉丝制成外壳玄丝、以青莲地心火锤炼七七四十九天而成，坚韧无比的高级货色。内心材质乃万年灵木、采用千年龙筋拉丝制成外壳玄丝、以青莲地心火锤炼七七四十九天而成，坚韧无比的高级货色。
						</div>
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading" role="tab" id="headingTwo">
						<h4 class="panel-title">
							<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
							   附加信息
							</a>
						</h4>
					</div>
					<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
						<div class="panel-body">
							内心材质乃万年灵木、采用千年龙筋拉丝制成外壳玄丝、以青莲地心火锤炼七七四十九天而成，坚韧无比的高级货色。内心材质乃万年灵木、采用千年龙筋拉丝制成外壳玄丝、以青莲地心火锤炼七七四十九天而成，坚韧无比的高级货色。内心材质乃万年灵木、采用千年龙筋拉丝制成外壳玄丝、以青莲地心火锤炼七七四十九天而成，坚韧无比的高级货色。
						</div>
					</div>
				</div>
			
				<div class="panel panel-default">
					<div class="panel-heading" role="tab" id="headingFour">
						<h4 class="panel-title">
							<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
								帮助信息
							</a>
						</h4>
					</div>
					<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
						<div class="panel-body">
							这是帮助信息这是帮助信息这是帮助信息这是帮助信息这是帮助信息这是帮助信息这是帮助信息这是帮助信息这是帮助信息这是帮助信息这是帮助信息这是帮助信息这是帮助信息这是帮助信息这是帮助信息
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--//collapse -->
	<!--related-products-->
	<div class="related-products">
		<div class="container">
			<h3>相关推荐</h3>
			<div class="product-model-sec single-product-grids">
				<div class="product-grid single-product">
					<a href="single.html">
					<div class="more-product"><span> </span></div>						
					<div class="product-img b-link-stripe b-animate-go  thickbox">
						<img src="images/m2.jpg" class="img-responsive" alt="">
						<div class="b-wrapper">
						<h4 class="b-animate b-from-left  b-delay03">							
						<button>查看详情</button>
						</h4>
						</div>
					</div>
					</a>					
					<div class="product-info simpleCart_shelfItem">
						<div class="product-info-cust prt_name">
							<h4>热瑜伽</h4>								
							<span class="item_price">￥2500</span>
							<div class="ofr">
							  <p class="pric1"><del>￥2800</del></p>
							  <p class="disc">[15% 减免]</p>
							</div>
							<div class="clearfix"> </div>
						</div>												
					</div>
				</div>
				<div class="product-grid single-product">
					<a href="single.html">
					<div class="more-product"><span> </span></div>						
					<div class="product-img b-link-stripe b-animate-go  thickbox">
						<img src="images/m8.jpg" class="img-responsive" alt="">
						<div class="b-wrapper">
						<h4 class="b-animate b-from-left  b-delay03">							
						<button>查看详情</button>
						</h4>
						</div>
					</div>
					</a>					
					<div class="product-info simpleCart_shelfItem">
						<div class="product-info-cust prt_name">
							<h4>动感单车</h4>								
							<span class="item_price">￥4000</span>
							<div class="ofr">
							  <p class="pric1"><del>￥4300</del></p>
							  <p class="disc">[15% 减免]</p>
							</div>
							<div class="clearfix"> </div>
						</div>												
					</div>
				</div>
				<div class="product-grid single-product">
					<a href="single.html">
					<div class="more-product"><span> </span></div>						
					<div class="product-img b-link-stripe b-animate-go  thickbox">
						<img src="images/m9.jpg" class="img-responsive" alt="">
						<div class="b-wrapper">
						<h4 class="b-animate b-from-left  b-delay03">							
						<button>查看详情</button>
						</h4>
						</div>
					</div>
					</a>					
					<div class="product-info simpleCart_shelfItem">
						<div class="product-info-cust prt_name">
							<h4>极限搏击</h4>								
							<span class="item_price">￥4500</span>
							<div class="ofr">
							  <p class="pric1"><del>￥5000</del></p>
							  <p class="disc">[15% 减免]</p>
							</div>
							<div class="clearfix"> </div>
						</div>												
					</div>
				</div>
				<div class="product-grid single-product">
					<a href="single.html">
					<div class="more-product"><span> </span></div>						
					<div class="product-img b-link-stripe b-animate-go  thickbox">
						<img src="images/m4.jpg" class="img-responsive" alt="">
						<div class="b-wrapper">
						<h4 class="b-animate b-from-left  b-delay03">							
						<button>查看详情</button>
						</h4>
						</div>
					</div>
					</a>					
					<div class="product-info simpleCart_shelfItem">
						<div class="product-info-cust prt_name">
							<h4>健美操</h4>								
							<span class="item_price">￥2000</span>
							<div class="ofr">
							  <p class="pric1"><del>￥2300</del></p>
							  <p class="disc">[15% 减免]</p>
							</div>
							<div class="clearfix"> </div>
						</div>												
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--related-products-->

</html>